Uec3.TaskDetailWindow = Ext.extend(Ext.app.Module, {

			createElements : function(task) {
				var gridStore = new Ext.data.Store({
							proxy : new Ext.data.HttpProxy({
										url : Uec3.App.Constants.homeUrl + "/task/detail.do"
									}),
							baseParams : {
								'taskId' : task.id
							},
							remoteSort : true,
							reader : new Ext.data.JsonReader({}, [{
												name : 'id'
											}, {
												name : 'taskId'
											}, {
												name : 'remark'
											}, {
												name : 'actionCompanyName'
											}, {
												name : 'actorName'
											}, {
												name : 'initStatusName'
											}, {
												name : 'endStatusName'
											}, {
												name : 'gmtAction',
												type : 'date',
												dateFormat : 'Y-m-d'
											}])
						});
				var gridColumnModel = new Ext.grid.ColumnModel([new Ext.grid.RowNumberer(), {
							header : '执行人',
							width : 70,
							sortable : false,
							dataIndex : 'actorName'
						}, {
							header : '执行公司名称',
							width : 200,
							sortable : false,
							dataIndex : 'actionCompanyName'
						}, {
							header : '开始状态名称',
							width : 90,
							sortable : false,
							dataIndex : 'initStatusName'
						}, {
							header : '结束状态名称',
							width : 90,
							sortable : false,
							dataIndex : 'endStatusName'
						}, {
							renderer : Ext.util.Format.dateRenderer('Y-m-d'),
							header : '执行时间',
							width : 120,
							sortable : false,
							dataIndex : 'gmtAction'
						}, {
							header : '备注',
							width : 400,
							sortable : false,
							dataIndex : 'remark'
						}]);
				var gridPanel = new Ext.grid.GridPanel({
							enableColumnMove : false,
							enableColumnMoveResize : false,
							enableHdMenu : false,
							stripeRows : true,
							autoScroll : true,
							height : 420,
							loadMask : {
								msg : '...加载数据中'
							},
							viewConfig : {
								forceFit : true,
								columnsText : '显示的列',
								scrollOffset : 20,
								sortAscText : '升序',
								sortDescText : '降序'
							},
							iconCls : 'acc-icon',
							// title : '操作历史记录',
							cm : gridColumnModel,
							store : gridStore
						});
				var titleCss = "width:10%;text-align:right;font-weight:bold;";
				var html = ["<table style='width:100%;'>", '<tr>', "<td style='" + titleCss + "'>任务名称: </td><td width='15%'>" + task.data["owner.taskName"] + "</td>",
						"<td style='" + titleCss + "'>单据号: </td><td width='15%'>" + task.data["owner.tableCode"] + "</td>",
						"<td style='" + titleCss + "'>状态名称: </td><td width='15%'>" + task.data["statusName"] + "</td>", "<td style='" + titleCss + "'>状态值: </td><td>" + task.data["status"] + "</td>",
						'</tr>', '<tr>', "<td style='" + titleCss + "'>是否结束: </td><td>" + Ext.util.Format.booleanRenderer(task.data["finished"]) + "</td>",
						"<td style='" + titleCss + "'>是否作废: </td><td>" + Ext.util.Format.booleanRenderer(task.data["revoked"]) + "</td>",
						"<td style='" + titleCss + "'>开始日期: </td><td>" + Ext.util.Format.date(task.data["gmtStart"], "Y-m-d") + "</td>",
						"<td style='" + titleCss + "'>结束日期: </td><td>" + Ext.util.Format.date(task.data["gmtEnd"], "Y-m-d") + "</td>", '</tr>', '<tr>',
						"<td style='" + titleCss + "'>当前公司名称: </td><td>" + task.data["currentCompanyName"] + "</td>",
						"<td style='" + titleCss + "'>最近编辑日期: </td><td>" + Ext.util.Format.date(task.data["gmtModify"], "Y-m-d") + "</td>",
						"<td style='" + titleCss + "'>创建公司名称: </td><td>" + task.data["createCompanyName"] + "</td>",
						"<td style='" + titleCss + "'>创建者: </td><td>" + task.data["creatorName"] + "</td>", '</tr>', '<tr>',
						"<td style='" + titleCss + "'>当前处理人: </td><td colspan='5'>" + task.data["currentorName"] + "</td>", '</tr>', '</table>'];
				gridStore.load();
				var outlinePanel = new Ext.Panel({
							frame : true,
							height : 100,
							layout : 'form',
							html : html.join('')
						});
				var all_panel = new Ext.Panel({
							// labelAlign : 'right',
							// frame : true,
							// height : 400,
							autoWidth : true,
							autoScroll : true,
							items : [outlinePanel, gridPanel]
						});

				return all_panel;
			},

			init : function(initParams) {
			},

			createWindow : function(task) {
				var win = null;
				var code = (task.id ? task.id : "");
				var desktop = this.app.getDesktop();
				if (!win) {
					win = desktop.createWindow({
								id : 'task-detail-' + code,
								title : '单据操作历史',
								iconCls : 'acc-icon',
								taskbuttonTooltip : '单据操作历史',
								width : 900,
								shim : false,
								animCollapse : false,
								constrainHeader : true,
								maximizable : true,
								maximized : false,
								items : this.createElements(task)
							});
				}
				win.show();
			}
		});
